<script lang="ts" setup>
defineEmits(['close'])
</script>

<template>
  <div
    class="overlay"
    @click.stop="$emit('close')"
    @touchmove.stop
    @mousewheel.prevent></div>
</template>

<style lang="scss" scoped>
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background-color: rgba(19, 19, 19, 0.5);
}
</style>
